<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>主页</title>
		 <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
		    <script src="js/jquery-3.6.0.min.js"></script>
		    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
		    
	</head>
	
	<body>
		<div class="container">
			<div class="row clearfix">
				<div class="col-md-5 column">
					<img alt="100x100"src="img/1-13-i.png" >
				</div>
				<div class="col-md-7 column" style="margin-top: 50px;">
					<ul class="nav nav-tabs">
						<li class="active">
							
							 <a href="#">首页</a>
						</li>
						<li>
							 <a href="#">简介</a>
						</li>
						<li class="disabled">
							 <a href="#">信息</a>
						</li>
						<li class="dropdown pull-right">
							 <a href="#" data-toggle="dropdown" class="dropdown-toggle">下拉<strong class="caret"></strong></a>
							<ul class="dropdown-menu">
								<li>
									 <a href="#">操作</a>
								</li>
								<li>
									 <a href="#">设置栏目</a>
								</li>
								<li>
									 <a href="#">更多设置</a>
								</li>
								<li class="divider">
								</li>
								<li>
									 <a href="#">分割线</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row clearfix">
				
					
					<div class="carousel slide" id="carousel-550095">
						<ol class="carousel-indicators">
							<li class="active" data-slide-to="0" data-target="#carousel-550095">
							</li>
							<li data-slide-to="1" data-target="#carousel-550095">
							</li>
							<li data-slide-to="2" data-target="#carousel-550095">
							</li>
						</ol>
						<div class="carousel-inner">
							<div class="item active">
								<img alt="" src="img/z1.jpg" />
								<div class="carousel-caption">
									<h4>
										第一的选择
									</h4>
									<p>
										Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
									</p>
								</div>
							</div>
							<div class="item">
								<img alt="" src="img/z8.jpg" />
								<div class="carousel-caption">
									<h4>
										Second Thumbnail label
									</h4>
									<p>
										Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
									</p>
								</div>
							</div>
							<div class="item">
								<img alt="" src="img/z9.jpg" />
								<div class="carousel-caption">
									<h4>
										Third Thumbnail label
									</h4>
									<p>
										Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
									</p>
								</div>
							</div>
						</div> <a class="left carousel-control" href="#carousel-550095" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-550095" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
					</div>
					<nav class="navbar navbar-default" role="navigation">
						<div class="navbar-header">
							 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#">Brand</a>
						</div>
						
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li class="active">
									 <a href="#">美女库3</a>
								</li>
								<li>
									 <a href="#">美女库2</a>
								</li>
								<li class="dropdown">
									 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
									<ul class="dropdown-menu">
										<li>
											 <a href="#">Action</a>
										</li>
										<li>
											 <a href="#">Another action</a>
										</li>
										<li>
											 <a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											 <a href="#">Separated link</a>
										</li>
										<li class="divider">
										</li>
										<li>
											 <a href="#">One more separated link</a>
										</li>
									</ul>
								</li>
							</ul>
							<form class="navbar-form navbar-left" role="search">
								<div class="form-group">
									<input type="text" class="form-control" placeholder="请输入要搜索的人名"/>
								</div> <button type="button" id="bt1" class="btn btn-default" >提交</button>
							</form>
							<ul class="nav navbar-nav navbar-right">
								<li>
									 <a href="#">美女库1</a>
								</li>
								<li class="dropdown">
									 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
									<ul class="dropdown-menu">
										<li>
											 <a href="#">首页</a>
										</li>
										<li>
											 <a href="#"> 美女库</a>
										</li>
										<li>
											 <a href="#">信息库</a>
										</li>
										<li class="divider">
										</li>
										<li>
											 <a href="#">加入联系</a>
										</li>
									</ul>
								</li>
							</ul>
						</div>
						
					</nav>
					<div class="row">
						<div class="col-md-4">
							<div class="thumbnail">
								<img alt="300x200" src="img/z5.jpg" />
								<div class="caption">
									<h3>
										小红
									</h3>
									<p>
										美丽而又动人
									</p>
									<p>
										 <a class="btn btn-primary" href="#">Action</a> <a class="btn" href="#">Action</a>
									</p>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="thumbnail">
								<img alt="300x200" src="img/z1.jpg" />
								<div class="caption">
									<h3>
										啊美
									</h3>
									<p>
										是你想要的终身伴侣
									</p>
									<p>
										 <a class="btn btn-primary" href="#">Action</a> <a class="btn" href="#">Action</a>
									</p>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="thumbnail">
								<img alt="300x200" src="img/z6.jpg" />
								<div class="caption">
									<h3>
										小青
									</h3>
									<p>
										多才多艺术
									</p>
									<p>
										 <a class="btn btn-primary" href="#">Action</a> <a class="btn" href="#">Action</a>
									</p>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-4">
							<div class="thumbnail">
								<img alt="300x200" src="./img/z2.jpg" />
								<div class="caption">
									<h3>
										啊利
									</h3>
									<p>
										 我会说英语啊
									</p>
									<p>
										 <a class="btn btn-primary" href="#">Action</a> <a class="btn" href="#">Action</a>
									</p>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="thumbnail">
								<img alt="300x200" src="img/z9.jpg" />
								<div class="caption">
									<h3>
										啊霞
									</h3>
									<p>
										美丽的公主
									</p>
									<p>
										 <a class="btn btn-primary" href="#">Action</a> <a class="btn" href="#">Action</a>
									</p>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="thumbnail">
								<img alt="300x200" src="img/z7.jpg" />
								<div class="caption">
									<h3>
										小美
									</h3>
									<p>
										会说英语的小姑娘
									</p>
									<p>
										 <a class="btn btn-primary" href="#">Action</a> <a class="btn" href="#">Action</a>
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
